<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		body{
			height: 10000px;
			width: 5000px;
		}
		</style>
		<script src="../day8/jquery-3.4.1.min.js"></script>
		<script>
		 $(function(){
			 $("#scroll").click(function(){
				 $(document).scrollLeft(1000);
				 $(document).scrollTop(1000);
			 });
			 // $("ul li").each(function(i,d){
				//  $(d).text(i+1);
				//  if(i>8)
				// 	return false;
			 // });
			 // $.each($("ul li"),function(i,d){
				//  $(d).text(i+1);
				//  if(i>8)
				//  	return false;
			 // });
			 $("ul li").first().text("第一个li").css("background-color","red").end().last().text("最后一个li").end().eq(3).css("font-size","100px");
		 });
		</script>
	</head>
	<body>
		<div>
			<ul>
				<li>1</li>
				<li>2</li>
				<li>3</li>
				<li>4</li>
				<li>5</li>
				<li>6</li>
				<li>7</li>
				<li>8</li>
				<li>9</li>
				<li>10</li>
			</ul>
		</div>
		<button type="button" id="scroll">滚动</button>
	</body>
</html>
